<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="description" content="TODO"/>
	<title>Polytech Mobile Webmail</title>
	<link type="text/css" rel="stylesheet" href="assets/jquery-mobile/jquery.mobile-1.0a2.min.css" />
	<link type="text/css" rel="stylesheet" href="assets/css/styleRecept.css" />
	<script type="text/javascript" src="assets/js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="assets/jquery-mobile/jquery.mobile-1.0a2.min.js"></script>
	<script type="text/javascript" src="assets/js/webmail.js"></script>
	<script type="text/javascript" src="assets/js/deconnexion.js"></script>
</head>
<body onload="noFade(document.getElementById('header'))"> 

<div data-role="page" >

	<div id="header" data-role="header" style="top:0; position: fixed; z-index: 10;">
		<h1>Reception</h1>
		<a data-icon="arrow-l" href="menu.html" rel="external">
			<span> Menu </span>
		</a>
		<a data-icon="refresh" > 
			<span> Actualiser </span>
		</a>
	</div><!-- /header -->

	<div data-role="content" style="margin-top:42.4px; margin-bottom: 50.2px; ">	
		<ul data-role="listview">
			<li data-role="list-divider" role="heading" tabindex="0" class="ui-li ui-li-divider ui-btn ui-bar-b"> Rechercher 
				<span class="ui-li-count ui-btn-up-c ui-btn-corner-all">2</span>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px;" />
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li>
				<a href="index.html">
					<div>
						<div class="ui-btn-inner">
							<input type="checkbox" class="custom" id="checkbox-1" name="checkbox-1" style="margin-top: 23px; margin-left: -12px"/>
							<div  class="ui-btn-text" style="padding-left: 30px;"> 
								<p class="ui-li-aside ui-li-desc"><strong>00:00</strong></p>
								<h2 class="ui-li-heading" style="margin-top: 0px;" >Exp&eacute;diteur</h2>
								<p class="ui-li-desc"><strong>Objet</strong></p>
								<p class="ui-li-desc">Voici le d&eacute;but de ce message</p>
							</div>
						</div>
					</div>
				</a>
			</li>
		</ul>
	</div><!-- /content -->

	<div data-role="footer" style="position: fixed; bottom: 0;">
		<div style="float: left; margin-left: 20%">
			<a href="compose.html" rel="external">
				<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
					<img src="assets/img/pencil-icon_big.png" alt="Ecrire" style="vertical-align: middle;" />
				</div>
			</a>
		</div>
		<div style="float: right; margin-right: 20%">
			<a id="deco" onClick="Javascript:deco()"  rel="external">
				<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
					<img src="assets/img/logout.png" style="vertical-align: middle;" alt="Logout" />
				</div>
			</a>
		</div>
	</div><!-- /footer -->

</body>
</html>
